import enquireJs from 'enquire.js';

const enquireScreen = function (call) {
  // tablet
  const handler = {
    match: function () {
      call && call(0);
    },
    unmatch: function () {
      call && call(-1);
    },
  };
  // mobile
  const handler2 = {
    match: () => {
      call && call(1);
    },
  };
  enquireJs.register('screen and (max-width: 1087.99px)', handler);
  enquireJs.register('screen and (max-width: 767.99px)', handler2);
};

export default enquireScreen;
